<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/base.css">
    <title>用户中心</title>
</head>
<body>
   
    <span class="menu">
        <span class="home-choosen">
            <span class="on1"></span>
            <span class="homepage" >
                <a href="user.html" target="frame">用户中心首页</a>
            </span>
        </span>     
       <ul>
           <li class="title">
               <img src="images/open.png" alt=""> 我的检测
           </li>
           <li><a href="#">上门检测</a></li>
           <li><a href="#">DIY 检测</a></li>
        </ul>
        <ul>
            <li class="title">
                <img src="images/open.png" alt=""> 我的治理
            </li>
            <li><a href="#">上门治理</a></li>
         </ul>
         <ul>
            <li class="title"> 
                <img src="images/open.png" alt=""> 我的装修
            </li>
            <li><a href="#">装修方案</a></li>
         </ul>
         <ul>
            <li class="title">
                <img src="images/open.png" alt=""> 我的收藏
            </li>
            <li><a href="#">装修材料</a></li>
            <li><a href="#">净化产品</a></li>
            <li><a href="#">资讯</a></li>
            <li><a href="#">测评</a></li>
         </ul>
         <ul>
            <li class="title">
                <img src="images/open.png" alt=""> 个人资料
            </li>
            <li><a href="#">个人资料</a></li>
            <li><a href="#">修改密码</a></li>
            <li>
                <a href="bounding.html" target="frame">绑定手机\微信</a>
            </li>
         </ul>
         <ul>
            <li class="title">
                <img src="images/open.png" alt=""> 积分管理
            </li>
            <li><a href="#">积分管理</a></li>
            <li><a href="#">积分等级</a></li>
            <li><a href="#">积分任务</a></li>
         </ul>      
    </span>
  
    <span class="detail">
        <div class="user">
            <span class="user-info">
                <table>
                    <tr>
                        <td rowspan="3"><img src="images/user.png" alt="headpic" ></td>
                        <td class="username">用户名</td>
                    </tr>
                    <tr>
                        <td >积分值：198分</td>
                    </tr>
                    <tr>
                        <td >我的消息：0条</td>
                    </tr>
                </table>
            </span>
            <span class="vr"></span>
            <span class="user-bounding">
                <table>
                    <tr>
                        <td rowspan="2"><img src="images/weixin1.png" alt="wechat"></td>
                        <td>微信绑定</td>
                    </tr>
                    <tr>
                        <td>未绑定 <a href="#" class="to-bound">立即绑定</a></td>
                    </tr>
                </table>
            </span>
            <span class="user-bounding">
                <table>
                    <tr>
                        <td rowspan="2"><img src="images/phone2.png" alt="phone"></td>
                        <td>手机号绑定</td>
                    </tr>
                    <tr>
                        <td>未绑定 <a href="#" class="to-bound">立即绑定</a></td>
                    </tr>
                </table>
            </span>
        </div>
    </span>

</body>
</html>